<!DOCTYPE html>
<html lang="en" ng-app="myApp">

<head>
    <meta charset="UTF-8">
    <style>
		.red {
			background-color: red;
		}
    </style>
</head>

<body>
    <div ng-controller="CounterController">
        <button ng-click="count = count + 1" ng-init="count=0">Increment</button>
        count: {{count}}
        <button ng-click="decrement()">Decrement</button>
    </div>
    <div ng-controller="CityController">
        <select ng-model="city" ng-options="city.name for city in cities">
            <option value="">Choose City</option>
        </select>
        best city : {{city.name}}
    </div>
    <form ng-submit="submit()" ng-controller="FormController">
        Enter text and hit enter:
        <input type="text" ng-model="person.name" name="person.name">
        <input type="submit" value="submit">
        <code>people={{people}}</code>
        <ul ng-repeat="(index, object) in people">
            <li>{{object.name}}</li>
        </ul>
    </form>
    <div ng-controller="LotteryController">
        <div ng-class="{red : x > 5}" ng-if="x > 5">
            You won!
        </div>
        <button ng-click="x = generateNumber()" ng-init="x = 0">
            Draw number
        </button>
        <p>Number is : {{x}}</p>
    </div>
    <script src="framework/1.3.0.14/angular.js"></script>
    <script src="Directive_Inner.js"></script>
</body>

</html>
